<div id="panel1">
    <div class="hd">
        --- header ----
    </div>
    <div class="bd" id="contenedor">
        Habla este es el contenedor
    </div>

    <div class="bd" id="calculadora">

        <input type="text" value="holass" id="text_1" />
        <input type="text" id="text_2" />
        <br>
        <input type="button" value="pasar" id="pasar_test" />
        <br>


    </div>

    <div class="ft" id="footer">
        --- footer ----
    </div>
</div>

<script type="text/javascript">

(function(){


    console.log("scripts cargados");

    $(document).ready(function(){
        //        alert("script cargdo");
    
  	    $("#pasar_test").click(function(){   //ya funcionaa
            $("#text_2").val($("#text_1").val()); 
            alert("pasado");
        });
    
    });

    Ext.onReady(function() {    

        var mainPanel = Ext.widget('panel', {
            renderTo: 'footer',
            title: 'Welcome!',
            width: '100%',
            bodyPadding: 20,

            items: [{
                    xtype: 'component',
                    html: 'Thible.',
                    style: 'margin-bottom: 5px;'
                }, {
                    xtype: 'container',
                    style: 'text-align:center',
                    items: [{
                            xtype: 'button',
                            cls: 'contactBtn',
                            scale: 'large',
                            text: 'Contact Us',
                            handler: function(){
                                alert("pepe");
								$("#inicio").text("mmalone code"); //si anda!
                            }
                        }]
                }]
        });
    });

})();
</script>